﻿@{
    Layout = "~/Areas/User/Views/Shared/_Layout.cshtml";
}

@section Title{
    美妆商城
}

@section Meta{


    <link href="~/Content/User/css/jumei/detail_other.css" rel="stylesheet" />
    <link href="~/Content/User/css/jumei/common.css" rel="stylesheet" />

    <link href="~/Content/User/css/jumei/jumei.min.css" rel="stylesheet" />
    <link href="~/Content/User/css/jumei/jumei_search.min.css" rel="stylesheet" />
    <link href="~/Content/User/css/jumei/jumei_newmall_wide_new.min.css" rel="stylesheet" />
    <script type="text/javascript">
        with (window) {
            RM_SITE_MAIN_WEBBASEURL = 'http://www.jumei.com/';
            RM_SITE_MAIN_TOPLEVELDOMAINNAME = 'jumei.com';
            RM_CURRENT_SITE_MAIN_WEBBASEURL = 'http://bj.jumei.com/';
            RM_CONTROL = 'Search';
            RM_ACTION = 'view';
            RM_SERVER_TIME = 1486552772;
            RM_SITE = 'bj';
            RM_IMGDIR = 'http://p0.jmstatic.com/templates/jumei/images';
            RM_STATIC_DOMINNAME = 'http://static.jumei.com/';
            RM_SITE_PASSPORT_WEBBASEURL = 'http://passport.jumei.com/';
            RM_SITE_SEARCH_WEBBASEURL = 'http://search.jumei.com/';
            RM_DEBUG = false;
            RM_CLIENT_TIME = parseInt((new Date()).getTime() / 1000);
            GA_ACCOUNT = "UA-10208510-1";
            JM_CRITEO_ID = [null, "20605", null];
        }
        var screen_wide = document.documentElement.clientWidth > 1200 ? true : false;
        var keyword = '';
        var orderby = '默认';

        (function () {
            if (screen_wide) {
                var head = document.getElementsByTagName('HEAD')[0];
                var style = document.createElement('link');
                style.href = 'http://s0.jmstatic.com/templates/jumei/css/v52.5/jumei_newmall_wide_new.min.css?V1';//added by ericzheng，原始jumei_newmall_wide  为防止影响其他地方，换成jumei_newmall_wide_new
                style.rel = 'stylesheet';
                style.type = 'text/css';
                head.appendChild(style);
            }
        })()
    </script>
    @*<script type="text/javascript" charset="utf-8" src="http://s0.jmstatic.com/templates/jumei/js/??/jquery/jquery-1.4.2.min.js,/v52.5/jquery.all_plugins_v1.min.js,/v52.5/Jumei.Core.min.js?V1"></script>*@
    <script src="~/Content/User/js/jquery-1.11.1.min.js"></script>

}
@*@section Logo{
    <ul class="shopping_grid">
        <a href="#"><li><span class="m_1">购&nbsp;物&nbsp;车</span>&nbsp;&nbsp;(0) &nbsp;<img src="~/Content/User/images/bag.png" alt="" /></li></a>
        <a class="userlogin" href="/User/Account/login"><li>登&nbsp;录</li></a>
        <a class="userregister" href="/User/Account/Register"><li>注&nbsp;册</li></a>
    </ul>
    <div class="clearfix"> </div>
}*@

@*<p class="sessionName" style="display:none">@ViewBag.sessionName</p>*@
<div id="bread_container">
    <a id="bread_prev" href="javascript:void(0);"></a>
    <div class="bread_container_con">
        <div class="search_crumb clearfix" style="width:1090px">
            <ul class="clearfix fl bread_ul">
                <li class="bread_first_item"><a href="http://mall.jumei.com/">化妆品首页</a></li>
                <li><span>&gt;</span></li>
                <li><a>@ViewBag.type</a></li>
                <li><span>&gt;</span></li>
            </ul>
            <div class="selected_panel" style="margin-top:20px;">
                <p style="display: none;" id="cat_id">19</p>
                <p id="bread_panel_keywords"><a>@ViewBag.TypeName</a></p>
                <div class="sub_selected_panel clearfix" id="J_sub_selected_panel">
                    <i class="arrow_tri1"></i>
                    <i class="arrow_tri"></i>
                </div>
                <div class="hover_mask"></div>
            </div>



        </div>
    </div>
    <a id="bread_next" href="javascript:void(0);"></a>
</div>

<div id="body">
    <div id="search_result_wrap">
        <div class="search_info" id="J_search_info"> </div>
        <!--存在搜索结果显示的 页面内容 start-->


        <div class="search_filter_title">
            <div class="search_filter_top">
                <strong>在<span>@ViewBag.TypeName</span>中筛选 </strong>
            </div>
        </div>
        <div class="search_filter">
            <div class="filter_con">
                <div class="filter_tit">品牌:</div>
                <div class="filter_attrs" id="filter_brand">

                  
                    <ul>
                        <li rel="B" title="Beauty Buffet" pinyin="beautybuffet"
                            class="">
                            <a name="10590" id="item_0_10590">
                                Beauty Buffet
                            </a>
                        </li>
                        <li rel="X" title="洗颜专科" pinyin="xiyanzhuanke"
                            class="">
                            <a name="3154" id="item_0_3154">
                                洗颜专科
                            </a>
                        </li>
                        <li rel="F" title="菲诗小铺" pinyin="feishixiaopu"
                            class="">
                            <a name="19" id="item_0_19">
                                菲诗小铺
                            </a>
                        </li>
                        <li rel="R" title="ROSETTE" pinyin="rosette"
                            class="">
                            <a name="5471" id="item_0_5471">
                                ROSETTE
                            </a>
                        </li>
                        <li rel="I" title="伊思" pinyin="itsskin"
                            class="">
                            <a name="1038" id="item_0_1038">
                                伊思
                            </a>
                        </li>
                        <li rel="Y" title="悦诗风吟" pinyin="yueshifengyin"
                            class="">
                            <a name="837" id="item_0_837">
                                悦诗风吟
                            </a>
                        </li>
                        <li rel="A" title="AHC" pinyin="ahc"
                            class="">
                            <a name="7547" id="item_0_7547">
                                AHC
                            </a>
                        </li>
                        <li rel="S" title="丝塔芙" pinyin="sitafu"
                            class="">
                            <a name="152" id="item_0_152">
                                丝塔芙
                            </a>
                        </li>
                        <li rel="R" title="ROSETTE" pinyin="rosette"
                            class="">
                            <a name="10835" id="item_0_10835">
                                ROSETTE
                            </a>
                        </li>
                        <li rel="Q" title="倩碧" pinyin="qianbi"
                            class="">
                            <a name="8" id="item_0_8">
                                倩碧
                            </a>
                        </li>
                        <li rel="Y" title="雅诗兰黛" pinyin="yashilandai"
                            class="">
                            <a name="71" id="item_0_71">
                                雅诗兰黛
                            </a>
                        </li>
                        <li rel="F" title="芙丽芳丝" pinyin="fangfulisi"
                            class="">
                            <a name="1000" id="item_0_1000">
                                芙丽芳丝
                            </a>
                        </li>
                        <li rel="M" title="曼秀雷敦" pinyin="manxiuleidun"
                            class="">
                            <a name="740" id="item_0_740">
                                曼秀雷敦
                            </a>
                        </li>
                        <li rel="B" title="佰草集" pinyin="baicaoji"
                            class="">
                            <a name="630" id="item_0_630">
                                佰草集
                            </a>
                        </li>
                        <li rel="H" title="HAPPY BATH" pinyin="happybath"
                            class="">
                            <a name="7789" id="item_0_7789">
                                HAPPY BATH
                            </a>
                        </li>
                        <li rel="L" title="兰蔻" pinyin="lankou"
                            class="">
                            <a name="99" id="item_0_99">
                                兰蔻
                            </a>
                        </li>
                        <li rel="X" title="相宜本草" pinyin="xiangyibencao"
                            class="">
                            <a name="217" id="item_0_217">
                                相宜本草
                            </a>
                        </li>
                        <li rel="O" title="欧莱雅" pinyin="oulaiya"
                            class="">
                            <a name="388" id="item_0_388">
                                欧莱雅
                            </a>
                        </li>
                        <li rel="Y" title="雅漾" pinyin="yayang"
                            class="">
                            <a name="382" id="item_0_382">
                                雅漾
                            </a>
                        </li>
                        <li rel="S" title="Shining Nature Purity" pinyin="shiningnaturepurity"
                            class="">
                            <a name="7424" id="item_0_7424">
                                Shining Nature Purity
                            </a>
                        </li>
                    </ul>
                    <div class="placeholder_line"></div>
                    <div class="bottom_multi_selecteds">
                        <label class="filter_tit_wide">已选分类:</label>
                        <div class="bms_container">
                            <span style="display: none;" class="search_current_item">1</span>
                        </div>
                    </div>
                </div>
             
            </div>


            <div class="filter_con">
                <div class="filter_tit">功效:</div>
                <div class="filter_attrs" id="filter_fun">
                    <ul>
                        @foreach (var item in ViewBag.arr)
                        {
                            <li class="" title="">
                                <a name="5" id="item_2_5">
                                    @item
                                </a>
                            </li>
                        }

                    </ul>
                    <div class="placeholder_line"></div>
                  
                </div>
            </div>

            <div class="filter_con">
                <div class="filter_tit">价格:</div>
                <div class="filter_attrs" id="filter_price">
                    <ul>
                        <li title="">
                            <a name="0-69" id="item_3_0-69">
                                0-69元
                            </a>
                        </li>
                        <li title="">
                            <a name="70-119" id="item_3_70-119">
                                70-119元
                            </a>
                        </li>
                        <li title="">
                            <a name="120-239" id="item_3_120-239">
                                120-239元
                            </a>
                        </li>
                        <li title="">
                            <a name="240-339" id="item_3_240-339">
                                240-339元
                            </a>
                        </li>
                        <li title="">
                            <a name="340" id="item_3_340">
                                340元以上
                            </a>
                        </li>
                    </ul>
                    <div class="placeholder_line"></div>

                </div>

            </div>
        </div>


        <div id="search_list_wrap">
            <div style="display:none" id="s_r_t" name="搜索点击流用">1</div>

            <div class="search_list_head_fiex">
                <div class="search_list_head">

                    <div class="slh_label">排序:</div>
                    <ul>
                        <li class="selected">
                            <a class="down">默认</a>
                        </li>
                        <li class="">

                            <a class="price_sort up">价格</a>
                        </li>
                        <li>
                            <a class="down">销量</a>
                        </li>
                        <li>
                            <a class="down">人气</a>
                        </li>
                        <li>
                            <a class="add_time">上架时间</a>
                        </li>
                    </ul>
                    <div class="have_stock">
                        <a href="">仅显示有货</a>
                    </div>
                    <!--头部分页-->
                    <div class="head_pagebtn">
                        <a class="dis prev">
                            上一页
                        </a>
                        <a class="enable next">
                            下一页
                        </a>
                    </div>
                    <div class="head_pageInfo">
                        <span style="color:#ed154b;margin-left: 8px;">1</span>/26页
                    </div>
                    <div class="head_pagecount">
                        共<span>@Model.Count</span>个商品
                    </div>

                </div>
            </div>

            <div class="products_wrap">
                <ul>
                    @foreach (var item in @Model)
                    {
                        <li class="formall item" pid=@item.Id bid="837" cid="19" search_product_type="mall" h_p_m_id="1763750" product_type="mall_product">
                            <div class="item_wrap clearfix">
                                <div class="item_wrap_right deal_item_wrap">
                                    <div class="s_l_pic">
                                        <a href="/User/Product/Single?id=@item.Id" target="_self">
                                            <img alt=@item.PName original="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" width="255" height="255"
                                                 src="http://p0.jmstatic.com/product/001/763/1763750_std/1763750_350_350.jpg" style="display: inline;">
                                        </a>
                                    </div>

                                    <div class="s_l_name">
                                        <a href="/User/Product/Single?id=@item.Id" target="_blank">

                                            @item.PName
                                        </a>
                                    </div>
                                    <div class="s_l_view_bg">
                                        <div class="icon_wrap_bot clearfix">
                                        </div>
                                        <div class="search_list_price">
                                            <label>¥</label>
                                            <span>@item.Price</span>
                                        </div>
                                    </div>
                                    @*<div class="search_deal_buttom_bg clearfix">
                                            <div class="search_pl">月销32990</div>
                                            <div class="rating">
                                                <div style="width:90%"
                                                     class="value"></div>
                                            </div>
                                        </div>*@
                                    <div class="search_list_button">
                                        @*<ul>
                                            <li class="grid_2-right"><div class="btn track_click btn_addcart btn-primary btn-normal btn-inline btnCart " id="@item.Id" target="_self" title="加入购物车">加入购物车</div></li>
                                            <li class="btn_fav" ></li>
                                        </ul>*@
                                        <a target="_blank" class=" grid_2-right track_click btn_addcart btnCart"
                                           track_click="b2c/product_1763750/buy_list" data-sku="" data-from="sr__1_4_ac" title="加入购物车">
                                            <p style="display:none" id=@item.Id>@item.PName</p>
                                        </a>
                                        <a href="javascript:;" class="btn_fav" pid=@item.Id title="收藏商品"></a>
                                    </div>
                                    <p class="search_list_tags">
                                        @* 获取到的功效进行分割遍历显示 *@
                                       @foreach (var item1 in @item.Effect.ToString().Split(new char[] { '&' }))
                                       {
                                           <span>@item1</span>
                                       }
                                    
                                    </p>
                                </div>
                            </div>
                        </li>
                    }
                </ul>
                <div class="clear"></div>
            </div>
            <div style="display:none;">
                <i id="brand_id"></i>
                <i id="search_keywords"></i>
            </div>

            <div class="page-nav-wrapper">
                @*<ul class="page-nav"><li class='current'><span>1</span></li><li><a href='http://search.jumei.com/?filter=0-11-2&amp;search=&amp;cat=19&amp;bid=4'>2</a></li><li><a href='http://search.jumei.com/?filter=0-11-3&amp;search=&amp;cat=19&amp;bid=4'>3</a></li><li><a href='http://search.jumei.com/?filter=0-11-4&amp;search=&amp;cat=19&amp;bid=4'>4</a></li><li><a href='http://search.jumei.com/?filter=0-11-5&amp;search=&amp;cat=19&amp;bid=4'>5</a></li><li><a href='http://search.jumei.com/?filter=0-11-6&amp;search=&amp;cat=19&amp;bid=4'>6</a></li><li><a href='http://search.jumei.com/?filter=0-11-7&amp;search=&amp;cat=19&amp;bid=4'>7</a></li><li><a href='http://search.jumei.com/?filter=0-11-8&amp;search=&amp;cat=19&amp;bid=4'>8</a></li><li><a href='http://search.jumei.com/?filter=0-11-9&amp;search=&amp;cat=19&amp;bid=4'>9</a></li><li>...</li><li><a href='http://search.jumei.com/?filter=0-11-25&amp;search=&amp;cat=19&amp;bid=4'>25</a></li><li><a href='http://search.jumei.com/?filter=0-11-26&amp;search=&amp;cat=19&amp;bid=4'>26</a></li><li class='last'><a class='next' href='http://search.jumei.com/?filter=0-11-2&amp;search=&amp;cat=19&amp;bid=4'>下一页</a></li></ul>*@
                <ul class="page-nav">
                    <li class="current"><span>1</span></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-2&amp;search=&amp;cat=19&amp;bid=4">2</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-3&amp;search=&amp;cat=19&amp;bid=4">3</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-4&amp;search=&amp;cat=19&amp;bid=4">4</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-5&amp;search=&amp;cat=19&amp;bid=4">5</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-6&amp;search=&amp;cat=19&amp;bid=4">6</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-7&amp;search=&amp;cat=19&amp;bid=4">7</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-8&amp;search=&amp;cat=19&amp;bid=4">8</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-9&amp;search=&amp;cat=19&amp;bid=4">9</a></li>
                    <li>...</li>
                    <li><a href="http://search.jumei.com/?filter=0-11-25&amp;search=&amp;cat=19&amp;bid=4">25</a></li>
                    <li><a href="http://search.jumei.com/?filter=0-11-26&amp;search=&amp;cat=19&amp;bid=4">26</a></li>
                    <li class="last"><a class="next" href="http://search.jumei.com/?filter=0-11-2&amp;search=&amp;cat=19&amp;bid=4">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
    </div>

<script>
    var _search_word = '';
    var url_brand = '0';
    var url_category = '19';
    var url_function = '0';
    var url_price = '';
</script>
<script type="text/javascript" src="http://s0.jmstatic.com/templates/jumei/js/carousel.basic.js"></script>

<script type="text/javascript">
    $(function () {
        var small_length;

        if (_search_word != '') {
            $("#mall_search_input").val(_search_word);
        }
        //$("#search_footer_input").JumeiSearch('foot_search_pop_div');


        $(".filter_con:last").css("border-bottom", "none");

        /*鼠标移上显示浮动框*/
        $("#search_result_wrap ul li.item").hover(function () {
            if ($(this).parents().hasClass("section")) {
                return;
            }
            var self = this,
                hideTimer = $(self).data('hideTimer'),
                showTimer,
                offset_left = $(self).offset().left;
            if (offset_left > $(window).width() - offset_left) {
                $(self).addClass("left");
            }

            clearTimeout(hideTimer);
            var isIe6 = false;
            //if ($.browser.msie && parseInt($.browser.version) == 6) {
            //    isIe6 = true;
            //}

            showTimer = setTimeout(function () {
                small_length = $(self).find(".cs_list").children().length;
                if (small_length <= 2) {
                    if (screen_wide) {
                        if (isIe6) {
                            $(self).addClass("hover_sm").find(".item_wrap").css("left", "0px");
                        } else {
                            $(self).addClass("hover_sm").find(".item_wrap").css("left", "-16px");
                        }
                    } else {
                        $(self).addClass("hover_sm");
                    }
                } else {

                    if ($(self).hasClass("left")) {
                        if (screen_wide) {
                            $(self).addClass("hover").find(".item_wrap").css("left", "-121px");
                        } else {
                            $(self).addClass("hover");
                        }
                        $(self).find(".item_wrap_left").show();
                    } else {
                        if (screen_wide) {
                            $(self).addClass("hover").find(".item_wrap").css("left", "-14px");//1090 宽屏情况
                        } else {
                            $(self).addClass("hover").find(".item_wrap").css("left", "-10px");//960 情况
                        }
                        $(self).find(".item_wrap_left").css("float", "right").show();
                        $(self).find(".item_wrap_right").css("float", "left");
                      
                    }
                    var carousel = new $.ui.Carousel($(self).find(".item_wrap_left"), {
                        indexSwitch: false,
                        vertical: true,
                        singleSlide: true
                    });
                    $(self).data('carousel', carousel);
                    $(self).find(".cs_prev").click(function () {
                        $(this).next().next().removeClass("disabled");
                        var top_distance = Math.abs(parseInt($(this).next(".cs_wrapper").find(".cs_list").css("top")));
                        if (top_distance <= 0) {
                            $(this).addClass("disabled");

                        }
                    });

                    $(self).find(".cs_next").click(function () {
                        $(this).prev().prev().removeClass("disabled");
                        var top_distance = Math.abs(parseInt($(this).prev(".cs_wrapper").find(".cs_list").css("top")));
                        var small_length = $(this).prev(".cs_wrapper").find(".cs_list").children().length;

                        if ((small_length - 3) * 69 == top_distance) {
                            $(this).addClass("disabled");
                        };
                    });
                }
            }, 50);

            $(self).data('showTimer', showTimer);
        }, function () {
            var self = this,
                $elem = $(self),
                showTimer = $elem.data('showTimer');

            clearTimeout(showTimer);

            hideTimer = setTimeout(function () {
                if (small_length <= 2) {
                    $elem.removeClass("hover_sm");
                }
                else {
                    $elem.removeClass("hover");
                    $elem.find(".item_wrap_left").hide();

                    var carousel = $elem.data('carousel');

                    if (carousel) {
                        carousel.destroy();
                    }
                }
            }, 50);

            $elem.data('hideTimer', hideTimer);
        });

        /*缩略图切换*/
        $("#search_result_wrap .item_wrap_left li").hover(function () {

            $(this).siblings().removeClass("active");
            $(this).siblings().find("span").hide();
            $(this).addClass("active");
            $(this).find("span").show();
            $(this).parents(".item_wrap_left").siblings(".item_wrap_right").find("img").attr("src", $(this).find("img").attr('big'));

        }, function () {
            $(this).siblings().removeClass("active");
            $(this).siblings().find("span").hide();

        });


    });
</script>
<div class="clear"></div>










@*<script type="text/javascript" charset="utf-8" src="http://s0.jmstatic.com/templates/jumei/js/v52.5/Jumei.ClickMap.min.js?V1"></script>*@

<script src="~/Content/User/js/ShopCart.js"></script>
<script>

    $(function () {
        $(".cute li").click(function (e) {
            $("#bread_panel_keywords a").text = $(this).text();
            alert($(this).text());
           
        })
    })
    //处理登录后用户名的显示和登录注册按钮的显示时间
    var userName = $("#CurrentUser").text();
    if (userName.length > 5) {
        $('#CurrentUser').css('display', 'block');
        $('#Out').css('display', 'block');
    }
    else {
        $('#CurrentUser').css('display', 'none');
        $('#Out').css('display', 'none');
    }
    $("#menu_box").css('display', 'none');
</script>







